<div>
  <label for="Quantity" class="sr-only"> Quantity </label>

  <div class="flex items-center gap-1">
    <button type="button" class="size-10 leading-10 text-gray-600 transition hover:opacity-75">
      &minus;
    </button>

    <input
      type="number"
      id="Quantity"
      value="1"
      class="h-10 w-24 rounded-sm border-gray-200 sm:text-sm"
    />

    <button type="button" class="size-10 leading-10 text-gray-600 transition hover:opacity-75">
      &plus;
    </button>
  </div>
</div>
